<template>
  <div id="app">
    <bs-card>
      <template #title>this is cat1</template>
      <template> hell jack </template>
    </bs-card>
    <bs-card img-src="/cat.jpg">
      <template #title>this is cat2</template>
      <template> hell jack </template>
      <template #footer>
        <BsButton>hello jack</BsButton>
      </template>
    </bs-card>

    <BsCardGroup>
      <bs-card img-src="/cat.jpg">
        <template #title>this is cat2</template>
        <template> hell jack </template>
        <template #footer>
          <BsButton>hello jack</BsButton>
        </template>
      </bs-card>
      <bs-card img-src="/cat.jpg">
        <template #title>this is cat2</template>
        <template> hell jack </template>
        <template #footer>
          <BsButton>hello jack</BsButton>
        </template>
      </bs-card>
    </BsCardGroup>
  </div>
</template>

<script>
import BsButton from './bs-ui/BsButton.vue';
import BsCard from './bs-ui/BsCard.vue';
import BsCardGroup from './bs-ui/BsCardGroup.vue';

export default {
  components: {
    BsButton,
    BsCard,
    BsCardGroup,
  },
  methods: {
    say(e) {
      console.log('hello', e);
    },
  },
};
</script>

<style lang="scss"></style>
